<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>欢迎首页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    
    <link id="link_" rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all">
    <link class="link_" rel="stylesheet" href="../layuiadmin/layui/css/admin.css" media="all">
    <link class="link_" rel="stylesheet" href="../css/custom.css" media="all">
    <link class="link_" rel="stylesheet" href="../css/select2.css" media="all">

    <!-- <script>
        // 懒人--懒得修改相对地址。 myCss.css
        top.layui.each(top.layui.$('link'), function (index, item) {
            if (item.href.includes("layui.css") || item.href.includes("admin.css") || item.href.includes("custom.css")) {
                var oLi = document.createElement("link");
                oLi.rel = "stylesheet",
                    oLi.href = decodeURIComponent(item.href),
                    oLi.media = "all";  
                var ul = document.getElementsByTagName("head")[0];
                ul.appendChild(oLi)
            } 
        })
    </script> -->
    <style>
        .body {
            position: relative;
            height: 100vh;
        }

        .home {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .home .layui-icon[face] {
            font-size: 100px;
            color: #666;
            cursor: pointer;
        }

        .home .layui-text {
            width: 90vw;
            border-top: 0px solid #666;
        }

        .home h1 {
            font-size: 20px;
            color: #666;
            line-height: 40px;
        }

        .home p {
            font-size: 17px;
        }
    </style>
</head>

<body>

    <div class="layadmin-tips home">
        <i class="layui-icon layui-icon-user" face=""></i>
        <div class="layui-text">
            <h1>
                <span>admin</span> 您好！欢迎使用 <span>layui 布局展示</span>
            </h1>
            <p>InstanceId:2020.12.23</p>
            <a href="https://www.layui.com/admin/std/dist/views/" target="_blank">layui后端模板演示官网</a>
        </div>
    </div>

    <script>
        iconclick()
        function iconclick() {
            document.querySelector('.home .layui-icon').onclick = function () {
                parent.layui.$('[layadmin-event="flexible"]').click()
            }
        }
    </script>
</body>

</html>